.banner{

  width: 100%;

  height: 790px;

}

.banner .video-box{

  width: 100%;

  height: 100%;

}

.banner-video{

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.banner .spe-container{

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  height: 100%;

}

.banner .spe-container .banner-info{

  position: absolute;

  left: 0;

  top: 20%;

}

.banner .spe-container .banner-info h3{

  position: relative;

  padding-left: 16px;

  margin-bottom: 34px;

}

.banner .spe-container .banner-info h3::before{

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  width: 5px;

  height: 37px;

  background: #E60000;

}

.banner .spe-container .banner-info .bof{

  width: 85px;

  height: 85px;

  background-color: rgba(255, 255, 255, .5);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  margin-top: 43px;

  cursor: pointer;

}

.banner .spe-container .menu-box{

  position: absolute;

  left: 50%;

  bottom: 94px;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

.banner .spe-container .menu-box .item{

  width: 213px;

  height: 60px;

  background-color: rgba(255, 255, 255, .5);

}

.banner .spe-container .menu-box .item a{



  width: 100%;

  height: 100%;

}

.banner .spe-container .menu-box .item:first-child{

  margin-right: 16px;

}

.banner .spe-container .menu-box .item .opacity{

  display: none;

}

.banner .spe-container .menu-box .item .spe-icon{

  margin: 0 8px;

}

.banner .spe-container .menu-box .item:hover {

  background: #0058B2;

}

.banner .spe-container .menu-box .item:hover .opacity{

  display: block;

}



.pro-show{

  padding-top:97px;

  background-image: url(../img/pro-bg.jpg);

  background-position: right center;

  background-repeat: no-repeat;

  background-size: 40% 100%;

}

.pro-show .top{

  align-items: center;

}

.pro-show .hd {

  width: 37%;

  padding-bottom: 20px;

  border-bottom: 1px solid #EAEEEF;

  justify-content: space-between;

}

.pro-show .hd ul{

  width: 85%;

}

.pro-show .hd ul li{

  position: relative;

  cursor: pointer;

}
.panel1 .hd ul li{
	margin-right: 4%;
}
.panel1 .hd ul li:first-child{
	width: 10%;
}
.pro-show .hd ul li::after{

  content: '';

  position: absolute;

  top: 50%;

  right: -25px;

  width: 1px;

  height: 14px;

  background: #EAEEEF;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

.pro-show .hd ul li:last-child:after{

  display: none;

}

.pro-show .hd ul li.on{

  color: #0058B2;

}

.pro-show .hd ul li.on::before{

  content: '';

  position: absolute;

  bottom: -20px;

  left: 0;

  width: 100%;

  height: 1px;

  background-color:#0058B2 ;

}

.pro-show .hd ul .more span{

  margin-right: 5px;

}

.pro-show .bd{

  margin-top: 90px;

}

.pro-show .bd  .pro-swiper{

  padding-bottom: 84px;

}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

  /*bottom: 20px;

  width: 60%;*/
  bottom: 0px;

  width: 80%;

  text-align: left;

}

.about-panel,.process,.news{

  padding-top: 128px;

  

}

.about-panel{

  height: 660px;

}

.about-panel .top{

  padding-left: 162px;

}

.about-panel .top .desc{

  margin: 38px 0 49px;

  line-height: 30px;

  width: 80%;

}


.about-panel .top .desc p span{
	line-height: 30px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.left-box,.right-swiper{

  width: 50%;

  height: 100%;

}

.right-swiper .swiper-slide{

  width: 100%;

}

.right-swiper .swiper-pagination{

  left: 30px;

  bottom: 16px!important;

}

.right-swiper .swiper-pagination-total,.lnum{

  

  opacity: 1;

  background: transparent;

  font-size: 24px;

  color: #fff;

}

.right-swiper .swiper-pagination-current,.fnum{

  font-size: 24px;

  color: #0058B2;

  background: transparent!important;

}

.right-swiper .swiper-pagination-bullet::after{

  display: none;

}

.process{

  background: #F9FAFA;

}

.process .top{

  align-items: center;

  padding-bottom: 20px;

  border-bottom: 1px solid #EAEEEF;

}

.process .top .same-title{

  position: relative;

}

.process .top .same-title::after{

  content: '';

  position: absolute;

  left: 0;

  bottom: -20px;

  width: 55px;

height: 1px;

background: #0058B2;

}

.tv-swiper{

  margin-top: 40px;

  padding-top: 47px;

  

  padding-bottom: 111px;

}

.tv-swiper .swiper-slide{

  height: 386px;

}

.tv-swiper .box{

  position: relative;

  height: 100%;

}

.tv-swiper .box a{

  display: block;

  width: 100%;

  height: 100%;

}

.tv-swiper .box::after{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, .42);

}

.tv-swiper .box .tv{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  z-index: 999;

  flex-direction: column;

}

.tv-swiper .box .tv img{

  width: 37px;

  margin-bottom: 10px;

}

.box .name{

  position: absolute;

  bottom: 30px;

  left: 0;

  width: 100%;

  text-align: center;

  z-index: 999;

}

.tv-swiper .swiper-slide:hover .tv,.tv-swiper .swiper-slide:hover .name,.tv-swiper .swiper-slide:hover .box::after{

  display: none;

}

.tv-swiper  .swiper-pagination{

  text-align: center;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  bottom: 50px;

}

.tv-swiper .prev {

  left: 0;

  right: auto;

}

.tv-swiper .prev,.tv-swiper .next{

  bottom: auto;

  top: 23px;

}

.news{

  background-image:none ;

  padding-bottom: 73px;

}

.news .top{

  padding-bottom: 20px;

  border-bottom: 1px solid #EAEEEF;

  align-items: flex-end;

}

.news .top .hd  {

  width: 13%;

  border-bottom: none;

  position: relative;

}

.news .top .hd  ul{

  position: absolute;

  right: 0;

  top: 3px;

}

.news .bd .item{

  width: 100%;

}

.news .bd .item .left-new{

  padding-bottom: 35px;

  

  border-bottom: 1px solid #E2E2E2;

  width: 45%;

}

.news .bd .item .news-list{

  padding-left: 70px;

  border-left: 1px solid #E2E2E2;

  /* margin-left: 80px; */

  width: 50%;

}

.news .bd .item .new-swiper .pic-box{

  height: 354px;

  margin-bottom: 50px;

}

.news .bd .item .new-swiper  .swiper-slide .info{

  margin: 20px 0;

}

.new-swiper .swiper-pagination{

  left: auto;

  right: 0;

  width: 40%;

  text-align: right;

  bottom: 76px!important;

}



.news-list ul li{

  height: 139px;

  background: #F9FAFA;

  transition: all .3s;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

}

.news-list ul li:nth-of-type(2){

  margin: 26px 0;

} 

.news-list ul li a{

  width: 100%;

  height: 100%;

  padding:32px 40px 27px 23px;

}

.news-list ul li a .date{

  width: 71px;

height: 77px;

background: #F5F5F5;

text-align: center;



}

.news-list ul li a .date .day{

  font-size: 35px;

  

}

.news-list ul li a .info{

  width: 80%;

  margin-left: 42px;

}

.news-list ul li a .info .title{

  position: relative;

  padding-left: 20px;

  margin: 5px 0 15px;

}

.news-list ul li a .info .title::before{

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 6px;

  height: 6px;

  background: #999999;

  border-radius: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}

.news-list ul li a .more-box{

  display: none;

}

.news-list ul li a .more img{

  width: 18px;

  margin-left: 6px;

}

.news-list ul li a .info .desc{

  line-height: 22px;

}

.news-list ul li:hover{

  height: 209px;

  background: #0058B2;

  

}

.news-list ul li:hover *{

  color: #fff;

}

.news-list ul li:hover  a .more-box{

  display: block;

}

.news-list ul li:hover .desc{

  margin: 25px 0;

}

.news-list ul li:hover a .date{

  width: 94px;

  height: 77px;

  background: #FFFFFF;

  margin-top: 36px;

  margin-left: -23px;

  padding-top: 4px;

}

.news-list ul li:hover a .date p{

  color: #999;

}

.news-list ul li:hover a .date .day{

  color: #0058B2;

}

.news-list ul li:hover a .info .title::before{

  background: #fff;

}

.more img{

  margin-left: 4px;

}
#citypop .pop{
	width: 400px;
	height: 300px;
}
#citypop .pop h3{
	border-bottom: none;
}

#citypop .fill-box{
	margin-top: 30px;
}
#citypop .fill-box .row{
	flex: 1;
}
#citypop .fill-box input{
	width: 100%;
	font-size: 16px;
	border-bottom: 1px solid rgb(242, 242, 242);
}
@media (max-width: 1620px){

  .about-panel .data-box{

    margin-top: 30px;

  }
  .banner {
    height: auto !important;
  }

}

@media (max-width: 1440px){

  .pro-show .hd{

    width: 47%;

  }

  .news .top .hd{

    width: 16%;

  }
  .banner {
    height: auto !important;
  }

}

@media (max-width: 1300px){

  .about-panel .top{

    padding-left: 80px;

  }

}

@media (max-width: 1000px) {

  .banner{

    height: auto;

  }

  .banner .spe-container{
    pointer-events: none;
  }

  .banner .spe-container .menu-box{
    pointer-events: all;
  }

  .banner .spe-container .menu-box{

    bottom: 40px;

  }

  .pro-show .hd{

    width: 75%;

  }

  .about-panel{

    overflow: hidden;

  }

  .about-panel .top .desc{

    margin: 30px 0;

  }

  .about-panel .data-box ul .tnumber{

    font-size: 30px;

  }

  .news .top .hd{

    width: 26%;

  }

  .news .bd .item .news-list{

    padding-left: 30px;

  }

  .news-list ul li a .info{

    margin-left: 15px;

  }

}

@media (max-width: 750px) {
	#citypop .pop{
		width: 85%;
		height: 260px;
	}
  .banner{

    height: auto;

  }

  .banner-video{
    object-fit: contain;
    background-color: black;
  }

  .banner .spe-container .banner-info{

    font-size: 18px;

  }

  .banner .spe-container .banner-info h3{

    padding-left: 10px;

    margin-bottom: 14px;

  }

  .banner .spe-container .banner-info h3::before{

    width: 3px;

    height: 20px;

  }

  .banner .spe-container .banner-info .bof{

    width: 35px;

    height: 35px;

    margin-top: 10px;

  }

  .banner .spe-container .banner-info .bof img{

    display: block;

    width: 14px;

    

  }

  .banner .spe-container .menu-box .item{

    width: 140px;

    height: 40px;

  }



  .pro-show{

    padding-top: 40px;

    background-image: none;

  }

  .pro-show .top{

    flex-wrap: wrap;

  }

  .pro-show .hd{

    width: 100%;

    font-size: 12px;

    margin-top: 15px;

    padding-bottom: 10px;

  }

  .pro-show .hd ul li{

    width: 20%;

  }

  .pro-show .bd{

    margin-top: 30px;

  }

  .pro-show .bd .pro-swiper{

    padding-bottom: 60px;

  }

  .about-panel, .process, .news{

    padding-top: 30px;

  }

  .about-panel{

    height: auto;

    flex-wrap: wrap;

  }

  .left-box, .right-swiper{

    width: 100%;

    height: auto;

  }

  .about-panel .top{

    padding-left: 15px;

  }

  .about-panel .top .desc{

    width: 90%;

    line-height: 2;

    margin: 20px 0;

  }

  .tv-swiper .swiper-slide{

    height: 200px;

  }

  .tv-swiper{

    margin-top: 30px;

    padding-top: 32px;

    

    padding-bottom: 60px;

  }

  .tv-swiper .swiper-pagination{

    bottom: 20px;

  }

  .news .top .hd{

    width: 100%;

    padding-bottom: 0;

  }

  .news .top .hd ul{

    width: 40%;

    top: -4px;

  }

  .news  .hd ul li{

    width: 100%;

    text-align: right;

  }

  .pro-show .hd ul li.on::before{

    width: 50px;

    left: auto;

    right: 0;

    bottom: -8px;

  }

  .pro-show .hd ul li::after{

    display: none;

  }

  .news{

    padding-bottom: 40px;

  }

  .news .bd .item{

    flex-wrap: wrap;

  }

  .news .bd .item .left-new{

    width: 100%;

    border-bottom: none;

  }

  .news .bd .item .new-swiper .pic-box{

    height: 200px;

    margin-bottom: 20px;

  }

  .news .bd .item .news-list{

    width: 100%;

    padding-left: 0;

    border-left: none;

  }
	.about-panel .top .desc p{
		display: none;
	}
	.about-panel .top .desc p:first-child,.about-panel .top .desc p:nth-of-type(2){
		display: block;
	}
}